<template>
  <div class="info">
    <div class="title">被执行人信息</div>
    <el-table
      :data="beizhixing"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="Liandate"
        label="立案时间"
      >
      </el-table-column>
      <el-table-column
        prop="Anno"
        label="客号"
      >
      </el-table-column>
      <el-table-column
        prop="ExecuteGov"
        label="执行法院"
      >
      </el-table-column>
      <el-table-column
        prop="Biaodi"
        label="执行标的（元）"
      >
      </el-table-column>
    </el-table>
    <div class="title top-20">失信被执行人信息</div>
    <el-table
      :data="shixinbeizhixing"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="Liandate"
        label="立案时间"
      >
      </el-table-column>
      <el-table-column
        prop="Executegov"
        label="执行法院"
      >
      </el-table-column>
      <el-table-column
        prop="Anno"
        label="案号"
      >
      </el-table-column>
      <el-table-column
        prop="Executestatus"
        label="被执行人的履行情况"
      >
      </el-table-column>
      <el-table-column
        prop="Publicdate"
        label="发布时间"
      >
      </el-table-column>
      <el-table-column
        prop="Executeno"
        label="执行依据文号"
      >
      </el-table-column>
    </el-table>
    <div class="title top-20">裁判文书</div>
    <el-table
      :data="caipanwenshu"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="Court"
        label="执行法院"
        min-width="150"
      >
      </el-table-column>
      <el-table-column
        prop="CaseName"
        label="裁判文书名字"
      >
      </el-table-column>
      <el-table-column
        prop="CaseNo"
        label="裁判文书编号"
      >
      </el-table-column>
      <el-table-column
        prop="CaseType"
        label="裁判文书类型"
      >
      </el-table-column>
      <el-table-column
        prop="SubmitDate"
        label="发布时间"
      >
      </el-table-column>
      <el-table-column
        prop="UpdateDate"
        label="审判时间"
      >
      </el-table-column>
      <el-table-column
        prop="IsProsecutor"
        label="是否原告（供参考）"
      >
      </el-table-column>
      <el-table-column
        prop="IsDefendant"
        label="是否被告（供参考）"
      >
      </el-table-column>
      <el-table-column
        prop="CourtYear"
        label="开庭时间年份"
      >
      </el-table-column>
      <el-table-column
        label="涉案人员角色"
      >
        <template slot-scope="{row}">
          <template v-for="(item, index) in JSON.parse(row.CaseRole)">
            <span :key="index">{{ item.P }},{{ item.R }}</span>
          </template>
        </template>
      </el-table-column>
      <el-table-column
        prop="CourtLevel"
        label="法院级别"
      />
      <el-table-column
        prop="CaseReason"
        label="案由"
      />
      <el-table-column
        prop="CaseReasonType"
        label="案由类型"
      />
      <el-table-column
        prop="CourtMonth"
        label="开庭时间年份"
      />
      <el-table-column
        prop="Amount"
        label="案件金额"
      />
    </el-table>
    <div class="title top-20">开庭公告</div>
    <el-table
      :data="kaiting"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="Defendantlist"
        label="被告/被上诉人"
        min-width="150"
      >
      </el-table-column>
      <el-table-column
        prop="Executegov"
        label="法院"
      >
      </el-table-column>
      <el-table-column
        prop="Prosecutorlist"
        label="原告/上诉人"
      >
      </el-table-column>
      <el-table-column
        prop="LianDate"
        label="开庭日期"
      >
      </el-table-column>
      <el-table-column
        prop="CaseReason"
        label="案由"
      >
      </el-table-column>
      <el-table-column
        prop="CaseNo"
        label="案号"
      >
      </el-table-column>
    </el-table>
    <div class="title top-20">股权出质</div>
    <el-table
      :data="guquanchuzhi"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="Id"
        label="股权出质Id"
      >
      </el-table-column>
      <el-table-column
        prop="RegistNo"
        label="质权登记编号"
      >
      </el-table-column>
      <el-table-column
        prop="PledgorName"
        label="出质人"
      >
      </el-table-column>
      <el-table-column
        prop="PledgeeName"
        label="质权人"
      >
      </el-table-column>
      <el-table-column
        prop="RegDate"
        label="股权出质登记日期"
      >
      </el-table-column>
      <el-table-column
        prop="Status"
        label="出质状态"
      >
      </el-table-column>
      <el-table-column
        prop="RelatedCompanyName"
        label="出质股权标的企业"
      >
      </el-table-column>
    </el-table>
    <div class="title top-20">经营异常</div>
    <el-table
      :data="jingyingyichang"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="AddReason"
        label="列入经营异常名录原因"
      >
      </el-table-column>
      <el-table-column
        prop="AddDate"
        label="列入日期"
      >
      </el-table-column>
      <el-table-column
        prop="RomoveReason"
        label="移出经营异常名录原因"
      >
      </el-table-column>
      <el-table-column
        prop="RemoveDate"
        label="移出日期"
      >
      </el-table-column>
      <el-table-column
        prop="DecisionOffice"
        label="作出决定机关"
      >
      </el-table-column>
      <el-table-column
        prop="RemoveDecisionOffice"
        label="移除决定机关"
      >
      </el-table-column>
    </el-table>
    <div class="title top-20">欠税公告</div>
    <el-table
      :data="qianshuigonggao"
      style="width: 100%"
      class="top-20"
    >
      <el-table-column
        prop="Title"
        label="欠税税种"
      >
      </el-table-column>
      <el-table-column
        prop="Amount"
        label="欠税余额"
      >
      </el-table-column>
      <el-table-column
        prop="NewAmount"
        label="当前新发生的欠税余额"
      >
      </el-table-column>
      <el-table-column
        prop="PublishDate"
        label="发布日期"
      >
      </el-table-column>
      <el-table-column
        prop="IssuedBy"
        label="发布单位"
      >
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      //
    }
  },
  props: {
    beizhixing: {
      default() {
        return []
      }
    },
    shixinbeizhixing: {
      default() {
        return []
      }
    },
    caipanwenshu: {
      default() {
        return []
      }
    },
    kaiting: {
      default() {
        return []
      }
    },
    guquanchuzhi: {
      default() {
        return []
      }
    },
    jingyingyichang: {
      default() {
        return []
      }
    },
    qianshuigonggao: {
      default() {
        return []
      }
    }
  },
  created() {
    //
  }
}
</script>

<style lang="scss" scoped>
.info {
  .top-20 {
    margin-top: 20px;
  }
  .title {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    line-height: 60px;
    border-bottom: 1px solid #e7e7e7;
  }
}
</style>

<style>
.el-table thead {
  color: #2F3133;
}
.el-table th {
  background-color: #F5F7F9;
}
</style>
